<script setup> 
    // 子组件
    // 注意： 由于此处写了  setup，所以无法直接配置   props 选项
    // 所以需要借助 “编译器宏”  函数接受子组件传递的数据
    const props = defineProps({
        car: String,
        qian: Number
    })
    const emit = defineEmits    (['changeMoney'])

    console.log(props.car)
    console.log(props.qian)


    const buy = () => {
        emit('changeMoney', 5)
    }
</script>

 <template>
    <!-- 对于 props 传递过来的数据，模板中可以直接使用 -->
  <div class="son">我是子组件 - {{ car }} - {{  qian }}
  <button @click="buy">花钱</button>
</div>
 </template>

 <style scoped> 
    .son {
    border: 1px solid #000;
    padding: 30px;
}
</style>